<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js"></script>
    <script>
      const aegis = new Aegis({
        id: 'Gly36fE14Zm3Wd527x', // 上报 id
        uin: 'xxx', // 用户唯一 ID（可选）
        reportApiSpeed: true, // 接口测速
        reportAssetSpeed: true, // 静态资源测速
        spa: true, // spa 应用页面跳转的时候开启 pv 计算
        hostUrl: 'https://rumt-zh.com',
      });
    </script>
  </head>
  <body>
    <!-- 顶部搜索 -->
    <div class="top">
      <div class="search">
        <img src="./images/select.png" alt="" />
      </div>
      <div class="logo">
        <img src="./images/logo.png" alt="" />
      </div>
    </div>
    <main>
      <!-- 广告轮播图 -->
      <div class="banner">
        <img src="./images/banner.png" alt="" />
      </div>
      <!-- 描述词 -->
      <div class="desc">
        <div class="item">
          <img src="./images/icon.png" alt="" />品牌鲜花网络
        </div>
        <div class="item"><img src="./images/icon.png" alt="" />实拍秀</div>
        <div class="item"><img src="./images/icon.png" alt="" />1小时送达</div>
        <div class="item"><img src="./images/icon.png" alt="" />50w+好评</div>
      </div>
      <!-- 分类 -->
      <div class="category">
        <div class="item"><img src="./images/mIndex1.png" alt="" />花束</div>
        <div class="item"><img src="./images/mIndex2.png" alt="" />花束</div>
        <div class="item"><img src="./images/mIndex3.png" alt="" />花束</div>
        <div class="item"><img src="./images/mIndex4.png" alt="" />花束</div>
        <div class="item"><img src="./images/mIndex5.png" alt="" />花束</div>
      </div>
      <!-- 剩余自由发挥 -->
    </main>
    <!-- tabbar -->
    <div class="tabbar">
      <a href="" class="item">
        <img src="./images/menu-item1.png" alt="" />
        <p>首页</p>
      </a>
      <a href="" class="item">
        <img src="./images/menu-item2.png" alt="" />
        <p>分类</p>
      </a>
      <a href="" class="item">
        <img src="./images/menu-item3.png" alt="" />
        <p>购物车</p>
      </a>
      <a href="" class="item">
        <img src="./images/menu-item4.png" alt="" />
        <p>我的</p>
      </a>
    </div>
  </body>
</html>
